
// 跳转歌曲列表
$(".menu>div").click(function(){
	var index = $(this).index()
	$(this).children().css("color","green")
	colors(this);
	if (index == 0) {
        $(".listHome").show()
	}else if(index == 1){
        $(".myLove").show()
    }else if(index == 2){
        $(".fileHome").show()
    }else if(index == 3){
        $(".singerHome").show()
    }else if(index == 4){
        $(".specialHome").show()
       
    }
     $(".indexHome").hide();
})

// console.log($(".indexHome").index())

$.each($(".indexHome").siblings(),function(i,v){
    if(i > 0 && i < 6){
        $(".indexHome").parent().children().eq(i).hide();
    }
})

$(".back").click(function(event) {
    // console.log("aa")
    $(".indexHome").show()
    if($(this).parents().hasClass("indexHome") == false){
        $(this).parents(".header").parent().hide();
    }
});

$(".backA").click(function(){
    $(".swiper-container").show()
    $(".minute").hide();
})
$(".logo").click(function(event) {
     $(".swiper-container").hide()
     $(".minute").show()
 });

var songs;
var currentSong = 0;
// 获取json数据 歌曲列表
$.ajax({
	url: '../json/musicList.json',
	type: 'get',
	dataType: 'json'
})
.done(function(data) {
      // console.log(data);
    var str = template("template-item", {list: data})
    $(".ull").html(str);    
})

.done(function(data) {
    // 获取歌曲数量
	songs = data;
    $(".mymis").html(songs.length)
    //获取audio元素 下一曲
	$(".next").click(function(){
	 	// play("next")
        // 更改播放键
        changeHtml($(".play").children().eq(0)[0],"next")  
	})
    $(".prev").click(function(event) {
        changeHtml($(".play").children().eq(0)[0],"prev")  
    });
    $(".love").click(function(){
        $(this).css('color', 'red');
        var das = data[currentSong];
        var str = '<li><span>' + das.name + '</span><span>' + das.duration + '</span><span>' + das.from + '</span></li>'
        $(".love_list").append(str)
        $(".loves").html($(".love_list").children().length)
        set("loves",currentSong)
    })

    // 当前歌曲总时长
    au.onloadedmetadata = function(){  
        var result = parseInt(au.duration);
        if (result > 59) {
            var cc = buLing(result % 60);
            result = buLing(parseInt(result / 60));                
            $(".duration").html(result + ":" + cc)
        }else{
            buLing(result)
            $(".duration").html("00:" + result)
        }
    }

    au.addEventListener("timeupdate", function(){
        var currentTime = au.currentTime;//获取当前播放时间
        // console.log(currentSong)
        if(currentTime == au.duration){
            if(au.random == true){
                currentSong = Math.floor(Math.random() * songs.length);
                au.src = songs[currentSong].src;
                au.currentTime = 0;
                au.play();
            }else if(au.loop != true){
                play("next");
            }
            listchange()
            $(".love").css("color","#fff")
        }

        // 进度更新
        var current = parseInt(currentTime)
        if(current < 60){
            current = buLing(current)
            $(".current").html("00:" + current)
        }else{
            num =buLing(parseInt(current / 60))
            var cc = buLing(current % 60)
            $(".current").html( num + ":" + cc)
        }
    });	
    $(".ull").click(function(e){        
        console.log() 
        currentSong = $(e.target).parents(".clearfix").index();
        changeHtml($(".play").children().eq(0)[0])
    })  
    // //播放函数
    function play(dir){ 
        // console.log(currentSong)
        if(dir == "next"){
            currentSong++;
            if(currentSong == songs.length) currentSong = 0;
            $(".love").css("color","#fff")
        }else if(dir == "prev"){
            currentSong--;
            if(currentSong == -1) currentSong = songs.length - 1;
            $(".love").css("color","#fff")
        }
        // console.log(currentSong)
        if(currentSong == -1) return;
        au.src = songs[currentSong].src;
        au.currentTime = 0;
        au.play()
        
        listchange() 
    }

    // 歌曲更换函数
    function listchange(){
        $(".min").remove()
        $.each(data,function(i,v){
            if(v.dataIndex == currentSong){
                var sp = document.createElement("span");
                $(sp).html('<i class="iconfont" >&#xe6b8;</i>')
                        .addClass("min")
                return  $(".ull").children()
                .eq(currentSong).children().eq(1)
                .children('.name').children().before(sp);
            }
        })    
    }


    //暂停函数
    function pause(obj){ 
        au.pause();
    }


    $(".play i").click(function(){
        changeHtml(this)
    })

   
    function changeHtml(that,x){
        if ($(that).index() == 0) {
           $.each($(".play"),function(i,v){
                $(v).children().eq(0).hide().next().show();
            })
           if (x == "next") {
                play("next");
           }else if (x == "prev"){
                play("prev");
           }else{
                play();
           }
        }else if ($(that).index() > 0){
            $.each($(".play"),function(i,v){
                $(v).children().eq(1).hide().prev().show();
            })
            pause();
        }else{
            return;
        }
    }
      
})
     
// 更换皮肤
var data = get("src")
// 如果本地有数据就使用本地皮肤
if(data){
    $(".bg img").attr("src",data)
    $.each($('.skins ul li img'),function(i,v){
        if(v.src == data){
            $(v).next().show();
        }
    })
// 如果没有 则默认设置
}else{
    $(".bg img").attr("src","../images/loading.png")
    $(".skins ul").children().eq(0).children().eq(1).show();
}
    
// 点击切换皮肤
$(".skins ul li").click(function(e) {
    var tar = e.target;
    if ($(tar).index() == 0) {
        $(".bg img").attr("src",tar.src)
        set("src",tar.src)
        $(tar).next().show();
        $.each( $(tar).parent().siblings(),function(i,v){
            $(v).children().eq(1).hide();
        })
        $(".swiper-container").show()
        $(".skins").hide();
    }
});

// 皮肤页 与主页 交互
$(".changeSkin").click(function(){
    $(".swiper-container").hide();
    $(".skins").show();
})

  
// 补零函数
function buLing(num){
    if (num < 10) {
        num = "0" + num
    }
    return num;
}


// 设置本地数据
function set(key, value){
    //sessionStorage.setItem(key, value);
    sessionStorage.setItem(key, value);
}
// 获取本地数据
function get(key){
    //return sessionStorage.getItem(key);
    return sessionStorage.getItem(key);
}

// 颜色切换函数
var id;
function colors(that){
    if (id) {
        clearInterval(id)
    }
    id = setInterval(function(){
        $(that).children().css("color","#fff")
    },10)
}






